<nz-layout class="login-panel">
  
  <nz-content>
    <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="_submitForm()">
      <div class="logo">
        <!-- <img src="../../assets/images/logo.png" alt="img"/> -->
        <img src="./assets/images/logo.png" alt="img"/>
      </div>
      <div nz-form-item>
        <div nz-form-control>
          <nz-input formControlName="userName" [(ngModel)]="loginParams.username" [nzPlaceHolder]="'Username'" [nzSize]="'large'">
            <ng-template #prefix>
              <i class="anticon anticon-user"></i>
            </ng-template>
          </nz-input>
          <div nz-form-explain *ngIf="validateForm.controls.userName.dirty&&validateForm.controls.userName.hasError('required')">请填写用户名!</div>
        </div>
      </div>
      <div nz-form-item>
        <div nz-form-control>
          <nz-input formControlName="password" [(ngModel)]="loginParams.password" [nzType]="'password'" [nzPlaceHolder]="'Password'" [nzSize]="'large'">
            <ng-template #prefix>
              <i class="anticon anticon-lock"></i>
            </ng-template>
          </nz-input>
          <div nz-form-explain *ngIf="validateForm.controls.password.dirty&&validateForm.controls.password.hasError('required')">请填写密码!</div>
        </div>
      </div>
      <div nz-form-item>
        <div nz-form-control>
          <!-- <div>
            <img src="http://47.100.161.202:8080/admin/common/captcha" *ngIf="loginParams.changeImg"/>
            <a (click)="changeImg()"> 看不清楚？换一张</a>
            <nz-input [nzType]="'text'" formControlName="captcha" [nzPlaceHolder]="'输入验证码'" 
              [(ngModel)]="loginParams.captcha" style="width: 80px;float: right;"></nz-input>
          </div>
          <div nz-form-explain *ngIf="validateForm.controls.captcha.dirty&&validateForm.controls.captcha.hasError('required')">请填写验证码!</div> -->
          <!-- <label nz-checkbox formControlName="remember">
            <span>Remember me</span>
          </label>
          <a class="login-form-forgot" class="login-form-forgot">Forgot password</a> -->
          <button nz-button class="login-form-button"
                (click)="login()"
                [nzType]="'primary'" 
                [nzSize]="'large'">登录</button>
        </div>
      </div>
    </form>
  </nz-content>
</nz-layout>